<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style>
        .d2{

            width: 400px;
            height: 250px;
            border: 1px olivedrab;
            background-image: url("素材/用户登录/bg1.jpg");
        }

        .submit{
            margin-top: 20px;
            width: 150px;
            height: 40px;
            /*background-image: url("/素材/用户登录/regbtn.jpg");*/

        }
        .input{
            margin-top: 20px;
        }
        .input1{
            background-image: url("素材/用户登录/head.png");
            background-repeat: no-repeat;
            background-size: contain;
        }
        .input2{
            background-image: url("素材/用户登录/keyboard.png");
            background-repeat: no-repeat;
            background-size: contain;
        }
    </style>
</head>
<body>

    <div class="d d2">
        <form action="#" method="get">
            <table align="center">
                <tr >
                    <td align="center" >
                        <td colspan="2" style="font-size: 20px;margin-bottom: 20px" >用户登录</td>
                    </td>
                </tr>
                <tr>
                    <td >
                        用户名 ：
                    </td>
                    <td>
                        <input class="input1" type="text" name="username">
                    </td>
                    <br/>
                </tr>
                <tr>
                    <td >
                        密码 ：
                    </td>
                    <td>
                        <input class="input2" type="password" name="password">
                    </td>
                </tr>
                <tr style="text-align: center; margin-top: 20px">
                    <td colspan="2" >
                        <img src="素材/用户登录/regbtn.jpg" >
                    </td>
                </tr>
            </table>
        </form>
    </div>


</body>
</html>